// 引入封装的api接口
const API = require('../../http/api')
// console.log('封装API的接口：：：', API);


Page({

  data: {
    bannerArr: [], // 轮播图数据
    classArr: [], // 商品分类数据
    miaoShaArr: [], // 秒杀商品数据
    baoKuanArr: [], //爆品推荐商品数据
    pinTuanArr: [], // 全民拼团商品数据
    shangPinArr: [], // 商品列表数据
    cid: 0, // 点击携带过来的id
    ind: 0, // 点击携带过来的下标

    page: 1, // 当前页码
    pageSize: 5, // 每页条数
    isBottom: false, // 是否到底部
    isLoadedOk: true, // 判断是否成功判断返回商品列表
  },

  onLoad: function (options) {
    this.getBanner()
    this.getClass()
    this.getMiaoSha()
    this.getBaoKuan()
    this.getPinTuan()
    this.getShangPin()
  },

  // 上拉触底的钩子函数
  onReachBottom() {
    // console.log('到底了');
    // 成功返回 到底了，让页+1，将获取出来的最新5条数据，和之前的5条合并
    if (this.data.isLoadedOk) {
      this.data.pageSize++
      this.getShangPin() // 在调用一次接口
    }

  },

  // 去搜索
  toSearch() {
    wx.navigateTo({
      url: '/pages/search/search',
    })
  },

  // 去商品详情页
  toGoodsInfo(e) {
    // console.log(e.currentTarget.dataset.id);
    wx.navigateTo({
      url: `/pages/goodsInfo/goodsInfo?id=${e.currentTarget.dataset.id}`,
    })
  },


  // 点击走马灯 去详情
  toHome_Info() {
    wx.navigateTo({
      url: '/pages/home_Info/home_Info'
    })
  },
  // 点击 礼物礼盒 去优惠券 页面
  toYouHuiQuan() {
    wx.switchTab({
      url: '/pages/discounts/discounts',
    })
  },
  
  // 跳转到分类页面  // 点击 去分类页
  toClass(e) {
    // console.log('id', e);
    wx.reLaunch({
      url: `/pages/class/class?id=${e.currentTarget.dataset.id}&index=${e.currentTarget.dataset.index}`,
    })
  },
  // 点击 去直播
  toZhiBo() {

    wx.navigateTo({
      url: '../zhiBo/zhiBo',
    })
  },

  // 获取 推荐商品数据
  async getShangPin() {

    // 进入请求立马设置为false,表示请求中
    this.data.isLoadedOk = false

    const res = await API.shangPinShop({
      page: this.data.page,
      pageSize: this.data.pageSize
    })

    if (res.code === 0) {
      // 请求成功了，表示已经请求过来。。。这是个优化
      this.data.isLoadedOk = true


      // 新的页数+旧的页数合并    concat 浅拷贝,把新旧合并
      this.data.shangPinArr = this.data.shangPinArr.concat(res.data.result)

      this.setData({
        shangPinArr: this.data.shangPinArr // 合并更新后
      })
    } else if (res.code === 700) {
      // 已经到底部，无数据
      this.setData({
        isBottom: true
      })
    }
    // console.log('爆品推荐商品数据', this.data.shangPinArr);
  },

  // 获取 爆品推荐商品数据
  async getPinTuan() {
    const res = await API.pinTuanShop()
    if (res.code === 0) {
      this.setData({
        pinTuanArr: res.data.result
      })
    }
    // console.log('爆品推荐商品数据', this.data.pinTuanArr);
  },

  // 获取 爆品推荐商品数据
  async getBaoKuan() {
    const res = await API.baoKuanShop()
    if (res.code === 0) {
      this.setData({
        baoKuanArr: res.data.result
      })
    }
    // console.log('爆品推荐商品数据', this.data.baoKuanArr);
  },


  // 获取 秒杀商品数据
  async getMiaoSha() {
    const res = await API.miaoShaShop()
    if (res.code === 0) {
      this.setData({
        miaoShaArr: res.data.result
      })
    }
    // console.log('秒杀商品数据', this.data.miaoShaArr);
  },

  // 获取分类列表
  async getClass() {
    const res = await API.goodsClass()
    if (res.code === 0) {
      this.setData({
        classArr: res.data
      })
    }
    // console.log('商品分类的数据', this.data.classArr);
  },

  // 获取轮播图数据
  async getBanner() {
    const res = await API.goodsGoodsBanner()
    if (res.code === 0) {
      this.setData({
        bannerArr: res.data
      })
    }
    // console.log('轮播图返回数据', this.data.bannerArr);
  },

  // 如果 async await不管用，就在详情把【增强编译】打开！！！


})